import { createRouter, createWebHashHistory } from 'vue-router';

// const routes = [
//   {
//     path:'/',
//     name: 'admin',
//     component: () => import('@/layout/admin.vue'),
//     // 子路由
//     children:[
//       {
//         path: "/",
//         name: "Home",
//         component: () => import('../pages/home/home.vue'),
//         meta:{
//           title: '首页'
//         }
//       },
//       {
//         path: "/goods/list",
//         name: "Goods",
//         component: () => import('../pages/goods/list.vue'),
//         meta:{
//           title: '商品管理'
//         }
//       },
//       {
//         path: "category/list",
//         name: "Category",
//         component: () => import('../pages/category/list.vue'),
//         meta:{
//           title: '分类管理'
//         }
//       },
//     ]
//   },
//   {
//     path: '/:pathMatch(.*)*', 
//     name: 'NotFound', 
//     component: () => import('../pages/other/404.vue'),
//     meta:{
//       title: '404找不到页面'
//     }
//   },
//   {
//     path: '/login', 
//     name: 'Login', 
//     component: () => import('../pages/login/login.vue'),
//     meta:{
//       title: '登录'
//     }
//   },
// ];


export const routes = [    //静态路由
  {
    path:'/',
    name: 'admin',
    component: () => import('@/layout/admin.vue'),
    // 子路由
    
  },
  {
    path: '/:pathMatch(.*)*', 
    name: 'NotFound', 
    component: () => import('../pages/other/404.vue'),
    meta:{
      title: '404找不到页面'
    }
  },
  {
    path: '/login', 
    name: 'Login', 
    component: () => import('../pages/login/login.vue'),
    meta:{
      title: '登录'
    }
  },
];
// ==========================================================================  擦，有错，不用了，直接看 index.ts 的目录

export const asyncRoutes = [    //  动态路由
  {
    path: "/",
    name: "Home",
    component: () => import('../pages/home/home.vue'),
    meta:{
      title: '首页'
    }
  },
  {
    path: "/goods/list",
    name: "Hoods/list",
    component: () => import('../pages/goods/list.vue'),
    meta:{
      title: '商品管理'
    }
  },
  {
    path: "/category/list",
    name: "Category/list",
    component: () => import('../pages/category/list.vue'),
    meta:{
      title: '分类列表'
    }
  },
  {
    path: "/user/list",
    name: "User/list",
    component: () => import('../pages/user/list.vue'),
    meta:{
      title: '用户列表'
    }
  },
]

// export default { routes, asyncRoutes }




